WARNING:
JavaScript is turned OFF. None of the links on this concept map will
work until it is reactivated.
If you need help turning JavaScript On, click here.
此概念图以 IHMC CmapTools 创建, 内含信息有关于: CSS版面, 版面配置 包含 固定寬度版面, 行內元素 是 在四周的文字間流向 ex:<img>、<b>、<i>, 絕對定位 包含 意義, 採用屬性 是 position:static;, CSS版面 包含 版面配置, 相對定位 包含 採用屬性, 相對定位 包含 意義, 控制元素位置的方式 包含 固定定位, 控制元素位置的方式 包含 正常流向, 缺點 是 1.頁面邊緣會有大空白 2.如果使用者與設計師解析度不同,頁面可能會看起來不一,文字會較難閱讀 3.如果使用者增加字體大小,文字可能放不進預定的空間裡 4.這樣的設計通常在解析度與桌上型或筆記型電腦相似的裝置上最佳 5.比起流動版面,會占用較多的垂直空間, 浮動元素 包含 意義, 採用屬性 是 position:relative;, 流動版面 是 流動版面設計會隨著使用者縮放瀏覽器視窗而改變大小 單位大多以百分比為主, 不會隨著使用者縮放瀏覽器視窗而改變大小 單位大多以像素為主 包含 優點, CSS將每個HTML元素視為獨立的方框 包含 區塊層級元素, 控制元素位置的方式 包含 浮動元素, 意義 是 將元素放在與瀏覽器視窗相對的位置上 當使用者捲動頁面時,它會待在相同的位置 可以使用偏移屬性top、bottom、left、right來將方框移動, CSS版面 包含 元素定位觀念, 採用屬性 是 z-index, 採用屬性 是 position:absolute;